<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1,user-scalable=no">
    <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
    <meta name="author" content="深圳方维网络科技有限公司  http://www.szfangwei.cn">
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit"/>

    <title>品牌策划</title>
    <!--<link rel="stylesheet" href="css/idangerous.swiper.css"/>-->
    <link rel="stylesheet" href="css/swiper-3.3.1.min.css"><!--此页面头文件不同-->
    <link rel="stylesheet" href="css/css-reset.css"/>
    <link rel="stylesheet" href="css/animate.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/media.css">
    <!--[if lt IE 9]><link rel="stylesheet" href="css/ie-none.css"><![endif]-->


    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/swiper-3.3.1.min.js"></script><!--此页面头文件不同-->
    <script src="js/basic.js"></script>

    <script src="js/hammer.min.js"></script>

    <!--<script src="js/idangerous.swiper.min.js"></script>-->

</head>
<body>


<!--PC内页顶部-->
<div class="inner-header"></div>

<!--手机顶部-->
<div class="iphone-header"></div>



<div class="plan-pp">

    <!--PC版切换-->
    <div class="plan-wrap clear" style="position: relative;">
        <!--导航-->
        <div class="swiper-button-prev" id="sb-plan1"></div>
        <div class="swiper-button-next" id="sb-plan2"></div>

        <!--左侧-->
        <div class="plan-left">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" data-hash="slide1" style="background: url('images/plan-left1.jpg') no-repeat center center;background-size: cover;"></div>
                    <div class="swiper-slide" data-hash="slide2" style="background: url('images/plan-left2.jpg') no-repeat center center;background-size: cover;"></div>
                    <div class="swiper-slide" data-hash="slide3" style="background: url('images/plan-left3.jpg') no-repeat center center;background-size: cover;"></div>
                    <div class="swiper-slide" data-hash="slide4" style="background: url('images/plan-left4.jpg') no-repeat center center;background-size: cover;"></div>
                    <div class="swiper-slide" data-hash="slide5" style="background: url('images/plan-left5.jpg') no-repeat center center;background-size: cover;"></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>

        <!--右侧-->
        <div class="plan-right">
            <!--右上-->
            <div class="plan-right-top">
                <div class="swiper-container swiper-no-swiping">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" data-hash="slide1">
                            <div class="prt-content">
                                <div class="prt-title">
                                    <h3>品 牌 咨 询 与 管 理</h3>
                                    <p>Brand Consulting & Management</p>
                                </div>
                                <div class="prt-p">
                                    <p>通过前期多次的与品牌主的沟通，<br>
                                        深入了解品牌目前的现状以及存在的问题，<br>
                                        通过调研与分析，结合对品牌的深入了解和洞察，<br>
                                        为品牌解决问题的大构想和方向。
                                    </p>
                                </div>
                                <div class="prt-a">
                                    <a href="case.html">
                                        <p>欣赏更多案例</p>
                                        <p>More From Our Works</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" data-hash="slide2">
                            <div class="prt-content">
                                <div class="prt-title">
                                    <h3>品 牌 策 划</h3>
                                    <p>Brand Planning</p>
                                </div>
                                <div class="prt-p">
                                    <p>结合前期对品牌的提出的大构想和方向，<br>
                                        更加深入地对品牌进行系统化、规范化的梳理和规划，<br>
                                        提供行之有效的策略和方案，包括设定具有传播力、<br>
                                        感染力的品牌核心的价值主张、独具差异性的品牌概念、定位等，<br>
                                        为品牌打造附加值，创造价值。</p>
                                </div>
                                <div class="prt-a">
                                    <a href="case.html">
                                        <p>欣赏更多案例</p>
                                        <p>More From Our Works</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" data-hash="slide3">
                            <div class="prt-content">
                                <div class="prt-title">
                                    <h3>品 牌 视 觉 识 别 系 统 设 计</h3>
                                    <p>Brand VIS Design</p>
                                </div>
                                <div class="prt-p">
                                    <p>品牌需要从内到外的保持一致性、系统性，才更能形成视觉冲击，<br>
                                        更便于消费者的记忆和认可和对其心智的占领。<br>
                                        ABCD通过对品牌视觉识别系统进行创意设计，<br>
                                        既打造具有差异化的品牌形象风格，又能与品牌策划内容保持一致性，<br>
                                        将商业与艺术完美结合，形成独具魅力的品牌形象。
                                    </p>
                                </div>
                                <div class="prt-a">
                                    <a href="case.html">
                                        <p>欣赏更多案例</p>
                                        <p>More From Our Works</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" data-hash="slide4">
                            <div class="prt-content">
                                <div class="prt-title">
                                    <h3>品 牌 体 验 设 计</h3>
                                    <p>Brand Experience Design</p>
                                </div>
                                <div class="prt-p">
                                    <p>延伸品牌概念以及VIS，打造独具个性的品牌体验。<br>
                                        从网站策划、网站设计、UI设计、H5等多渠道的设计，<br>
                                        增强品牌与消费者之间的联系和互动，<br>
                                        树立更具鲜明特性的品牌形象。</p>
                                </div>
                                <div class="prt-a">
                                    <a href="case.html">
                                        <p>欣赏更多案例</p>
                                        <p>More From Our Works</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide" data-hash="slide5">
                            <div class="prt-content">
                                <div class="prt-title">
                                    <h3>品 牌 营 销 与 推 广</h3>
                                    <p>Brand Marketing & Promotion</p>
                                </div>
                                <div class="prt-p">
                                    <p>以用户思维角度以及时下最流行的传播趋势，<br>
                                        为品牌制定行之有效的最优营销推广计划。<br>
                                        从创意构思、策略、视频、H5、活动、公关媒介、新媒体、物料等多方资源联动，<br>
                                        形成营销推广组合拳，为品牌发声，<br>
                                        增强品牌知名度，扩大品牌影响力，提升品牌转化率。</p>
                                </div>
                                <div class="prt-a">
                                    <a href="case.html">
                                        <p>欣赏更多案例</p>
                                        <p>More From Our Works</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--右下-->
            <div class="plan-right-bot">
                <div class="swiper-container swiper-no-swiping">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" data-hash="slide1" style="background: url('images/prt-right-img1.jpg') no-repeat center center;background-size: cover;"></div>
                        <div class="swiper-slide" data-hash="slide2" style="background: url('images/prt-right-img2.jpg') no-repeat center center;background-size: cover;"></div>
                        <div class="swiper-slide" data-hash="slide3" style="background: url('images/prt-right-img3.jpg') no-repeat center center;background-size: cover;"></div>
                        <div class="swiper-slide" data-hash="slide4" style="background: url('images/prt-right-img4.jpg') no-repeat center center;background-size: cover;"></div>
                        <div class="swiper-slide" data-hash="slide5" style="background: url('images/prt-right-img5.jpg') no-repeat center center;background-size: cover;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>




    <!--手机版切换-->
    <div class="plan-wrap-mobile phone" id="plan-wrap-mobile">

        <!--上部-->
        <div class="pwm-top">
            <div class="swiper-container">
                <div class="swiper-wrapper">

                    <div class="swiper-slide" data-hash="slide1">
                        <div class="pwm-top-img" style="background: url('images/m-plan-top1.jpg') no-repeat center center;background-size: auto 100%;"></div>
                        <div class="pwm-top-title">
                            <h3>品牌咨询与管理</h3>
                            <p>Brand Consulting & Management</p>
                        </div>
                        <div class="pwm-top-line"></div>
                        <div class="pwm-top-p">
                            <p>通过前期多次的与品牌主的沟通，<br>
                                深入了解品牌目前的现状以及存在的问题，<br>
                                通过调研与分析，结合对品牌的深入了解和洞察，<br>
                                为品牌解决问题的大构想和方向。</p>
                        </div>
                        <div class="prt-a">
                            <a href="case.html">
                                <p>欣赏更多案例</p>
                                <p>More From Our Works</p>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide" data-hash="slide2">
                        <div class="pwm-top-img" style="background: url('images/m-plan-top2.jpg') no-repeat center center;background-size: auto 100%;"></div>
                        <div class="pwm-top-title">
                            <h3>品牌策划</h3>
                            <p>Brand Planning</p>
                        </div>
                        <div class="pwm-top-line"></div>
                        <div class="pwm-top-p">
                            <p>结合前期对品牌的提出的大构想和方向，更加深入地对品牌进行系统化、规范化的梳理和规划，提供行之有效的策略和方案，包括设定具有传播力、感染力的品牌核心的价值主张、独具差异性的品牌概念、定位等，为品牌打造附加值，创造价值。</p>
                        </div>
                        <div class="prt-a">
                            <a href="case.html">
                                <p>欣赏更多案例</p>
                                <p>More From Our Works</p>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide" data-hash="slide3">
                        <div class="pwm-top-img" style="background: url('images/m-plan-top3.jpg') no-repeat center center;background-size: auto 100%;"></div>
                        <div class="pwm-top-title">
                            <h3>品牌视觉识别系统设计</h3>
                            <p>Brand VIS Design</p>
                        </div>
                        <div class="pwm-top-line"></div>
                        <div class="pwm-top-p">
                            <p>品牌需要从内到外的保持一致性、系统性，才更能形成视觉冲击，更便于消费者的记忆和认可和对其心智的占领。ABCD通过对品牌视觉识别系统进行创意设计，既打造具有差异化的品牌形象风格，又能与品牌策划内容保持一致性，将商业与艺术完美结合，形成独具魅力的品牌形象。</p>
                        </div>
                        <div class="prt-a">
                            <a href="case.html">
                                <p>欣赏更多案例</p>
                                <p>More From Our Works</p>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide" data-hash="slide4">
                        <div class="pwm-top-img" style="background: url('images/m-plan-top4.jpg') no-repeat center center;background-size: auto 100%;"></div>
                        <div class="pwm-top-title">
                            <h3>品牌体验设计</h3>
                            <p>Brand Experience Design</p>
                        </div>
                        <div class="pwm-top-line"></div>
                        <div class="pwm-top-p">
                            <p>延伸品牌概念以及VIS，打造独具个性的品牌体验。从网站策划、网站设计、UI设计、H5等多渠道的设计，增强品牌与消费者之间的联系和互动，树立更具鲜明特性的品牌形象。</p>
                        </div>
                        <div class="prt-a">
                            <a href="case.html">
                                <p>欣赏更多案例</p>
                                <p>More From Our Works</p>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide" data-hash="slide5">
                        <div class="pwm-top-img" style="background: url('images/m-plan-top5.jpg') no-repeat center center;background-size: auto 100%;"></div>
                        <div class="pwm-top-title">
                            <h3>品牌营销与推广</h3>
                            <p>Brand Marketing & Promotion</p>
                        </div>
                        <div class="pwm-top-line"></div>
                        <div class="pwm-top-p">
                            <p>以用户思维角度以及时下最流行的传播趋势，为品牌制定行之有效的最优营销推广计划。从创意构思、策略、视频、H5、活动、公关媒介、新媒体、物料等多方资源联动，形成营销推广组合拳，为品牌发声，增强品牌知名度，扩大品牌影响力，提升品牌转化率。</p>
                        </div>
                        <div class="prt-a">
                            <a href="case.html">
                                <p>欣赏更多案例</p>
                                <p>More From Our Works</p>
                            </a>
                        </div>
                    </div>

                </div>
            </div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev" id="swiper-button-prev1"></div>
            <div class="swiper-button-next" id="swiper-button-next1"></div>

        </div>


        <!--下部-->
        <div class="pwm-bot">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" data-hash="slide1" style="background: url('images/prt-right-img1.jpg') no-repeat center center;background-size: cover;"></div>
                    <div class="swiper-slide" data-hash="slide2" style="background: url('images/prt-right-img2.jpg') no-repeat center center;background-size: cover;"></div>
                    <div class="swiper-slide" data-hash="slide3" style="background: url('images/prt-right-img3.jpg') no-repeat center center;background-size: cover;"></div>
                    <div class="swiper-slide" data-hash="slide4" style="background: url('images/prt-right-img4.jpg') no-repeat center center;background-size: cover;"></div>
                    <div class="swiper-slide" data-hash="slide5" style="background: url('images/prt-right-img5.jpg') no-repeat center center;background-size: cover;"></div>
                </div>

                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </div>

    </div>


</div>





<script>

    $(function () {


        //右滑导航消失
        $("a").attr('data-ajax',false);


        //动态调整高度
        var h=$(window).height();

        $('.plan-left .swiper-container').height(h);
        $('.plan-right .swiper-container').height(h/2);
        //手机版
        $('.plan-wrap-mobile').height(h);
        $(window).resize(function () {
            var h=$(window).height();
            $('.plan-left .swiper-container').height(h);
            $('.plan-right .swiper-container').height(h/2);
            //手机版
            $('.plan-wrap-mobile').height(h);
        });



        var mySwiper_plan1 = new Swiper('.plan-left .swiper-container',{
//            loop: true,
            pagination : '.plan-left .swiper-pagination',
            direction : 'horizontal',
            effect : 'fade',
//            mousewheelControl : true,
            paginationClickable :true,
            hashnav:true,
            observer:true,
//            autoplay: 500,

//            resizeReInit : true,//窗口改变重新初始化
            //noSwiping : true,

            prevButton:'#sb-plan1',
            nextButton:'#sb-plan2',

            speed:600
            //其他设置
        });

        var mySwiper_plan2 = new Swiper('.plan-right-top .swiper-container',{
//            loop: true,
            direction : 'vertical',
//            mousewheelControl : true,
            effect : 'fade',
            paginationClickable :true,
            hashnav:true,
            observer:true,
            noSwiping : true,
//            autoplay: 500,
//            controlBy:'container',

//            resizeReInit : true,//窗口改变重新初始化

            speed:600
            //其他设置
        });

        var mySwiper_plan3 = new Swiper('.plan-right-bot .swiper-container',{
//            loop: true,
            direction : 'vertical',
//            mousewheelControl : true,
            paginationClickable :true,
            hashnav:true,
            observer:true,
            noSwiping : true,

//            offsetPxBefore : 8,
//            resizeReInit : true,//窗口改变重新初始化
//            autoplay: 500,

            speed:600
            //其他设置
        });


        mySwiper_plan1.params.control =mySwiper_plan2;
        mySwiper_plan2.params.control =mySwiper_plan3;
//        mySwiper_plan3.params.controlInverse=true;

        //点击箭头导航上滑、下滑
        $('#sb-plan1').click(function () {
            $('.sec1-nav').stop().animate({top: "0"},300);
        });
        $('#sb-plan2').click(function () {
            $('.sec1-nav').stop().animate({top: "-3.7rem"},300);
        });



        //手机版
        var mySwiper_plan_m1 = new Swiper('.pwm-top .swiper-container',{
//            loop: true,
            direction : 'horizontal',
//            mousewheelControl : true,
            paginationClickable :true,
            hashnav:true,
            observer:true,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
//            offsetPxBefore : 8,
//            resizeReInit : true,//窗口改变重新初始化
//            autoplay: 500,


            //禁止滑动
            noSwiping : true,
            noSwipingClass : 'stop-swiping',

            speed:600
            //其他设置
        });

        //手机版
        var mySwiper_plan_m2 = new Swiper('.pwm-bot .swiper-container',{
//            loop: true,
            direction : 'horizontal',
//            mousewheelControl : true,
            paginationClickable :true,
            hashnav:true,
            observer:true,
            pagination: '.swiper-pagination',

            //禁止滑动
            noSwiping : true,
            noSwipingClass : 'stop-swiping',


            speed:600
        });
        mySwiper_plan_m1.params.control =mySwiper_plan_m2;
        mySwiper_plan_m2.params.control =mySwiper_plan_m1;
//        mySwiper_plan_m2.params.control =mySwiper_plan_m3;




        //滚轮控制页面滑动
        var num=0;
        var scrollFunc=function(e){
            e=e || window.event;

            num++;
            //console.log(num);

            if(isFirefox=navigator.userAgent.indexOf("Firefox")>0 && num>6 ){
                //火狐浏览器
                t2=e.detail;
                if(t2 < 0){
                    $("#sb-plan1").click();
                    $('.sec1-nav').stop().animate({top: "0"},300);
                    num=0;
                }else{
                    $("#sb-plan2").click();
                    $('.sec1-nav').stop().animate({top: "-3.7rem"},300);
                    num=0;
                }

            }else if(num>6){
                //谷歌360IE等
                t1=e.wheelDelta;
                if(t1 > 0){
                    $("#sb-plan1").click();
                    $('.sec1-nav').stop().animate({top: "0"},300);
                    num=0;
                }else{
                    $("#sb-plan2").click();
                    $('.sec1-nav').stop().animate({top: "-3.7rem"},300);
                    num=0;
                }
            }
        };
        /*注册事件*/
        if(document.addEventListener){
            document.addEventListener('DOMMouseScroll',scrollFunc,false);
        }//W3C
        document.onmousewheel=scrollFunc;//IE/Opera/Chrome



    })


</script>



</body>
</html>